<template>

    <input placeholder="请输入药品名称" style="width: 90%;height: 35px;margin-top: 5px;border-radius: 20px;border:1px solid green ;
        margin-left: 10px;
    " />

    <div class="dd1">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx1.png" /> 
            </dt>
            <dd>
                <p>湿毒清片0.5克*24片</p>
                养血润燥,化湿解毒,怯风止痒。用于止痒
                <span>￥19.8</span>
            </dd>
        </dl>
    </div>
     <div class="dd2">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx2.png" /> 
            </dt>
            <dd>
                <p>糠酸莫米松乳膏0.1%</p>
                用于湿疹、神经性皮炎、异位性皮炎及皮肤瘙痒
                <span>￥26.1</span>
            </dd>
        </dl>
    </div>
       <div class="dd3">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx3.png" /> 
            </dt>
            <dd>
                <p>盐酸特比荼芬乳育</p>
              丁克盐酸特比苏芬乳育用于治疗手癣、足癣、体癣
                <span>￥11.78</span>
            </dd>
        </dl>
    </div>
       <div class="dd4">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx4.png" /> 
            </dt>
            <dd>
                <p>克林毒素甲硝唑搽剂 50毫升</p>
             用于寻常痤疮，也可用于脂溢性皮炎及酒渣鼻、毛
                <span>￥18.8</span>
            </dd>
        </dl>
    </div>
       <div class="dd5">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx5.png" /> 
            </dt>
            <dd>
                <p>复方珍珠暗疮片 0.3克*36片</p>
         清热解毒，凉血通脉。用于消除青年脸部座疮 俗称
                <span>￥20.27</span>
            </dd>
        </dl>
    </div>
       <div class="dd6">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx6.png" /> 
            </dt>
            <dd>
                <p>水杨酸软育 20克</p>
                用于头癣、足癣及局部角质增生
                <span>￥5.61</span>
            </dd>
        </dl>
    </div>
       <div class="dd7">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx7.png" /> 
            </dt>
            <dd>
                <p>氧化锌软育 20克</p>
        用于急性或亚急性或慢性皮炎、湿疹、痱子及轻度
                <span>￥11.11</span>
            </dd>
        </dl>
    </div>
       <div class="dd8">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx8.png" /> 
            </dt>
            <dd>
                <p>炉甘石洗剂 100毫升</p>
             用于急性瘙痒性皮肤病，如荨麻疹和痱子
                <span>￥9.6</span>
            </dd>
        </dl>
    </div>
       <div class="dd9">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/xx9.png" /> 
            </dt>
            <dd>
                <p>莫匹罗星软育 5克:2%</p>
                本品为局部外用抗生素，适用于革兰阳性球菌引起
                <span>￥20.01</span>
            </dd>
        </dl>
    </div>
</template>

<script>

</script>

<style>
.dd1{
    margin-top: 10px;
    dt{
        float: left;
        margin: 5px;
        margin-top: 5px;
    }
    dd{
       span{
        color: red;
       }
    }
}
.dd2{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd3{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd4{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd5{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd6{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd7{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd8{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd9{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
</style>
